<template>
  <div class="zuo">
    <div class="privacy-agreement-page">
    <van-nav-bar title="隐私协议" @click-left="goBack()" left-text="" left-arrow />
    <div class="privacy-content">
      <p v-for="(item, index) in privacyContent" :key="index">
        {{ item }}
      </p>
    </div>
  </div>
  </div>
</template>

  <script>
export default {
  data() {
    return {
       privacyContent: [
        "本隐私政策旨在说明 [出行 App 名称]（以下简称 “本 App”）如何收集、使用、存储和保护您的个人信息。我们非常重视用户的隐私和个人信息保护，承诺遵守相关法律法规，并采取合理的安全措施来保护您的信息。",
        "本隐私政策旨在说明 [出行 App 名称]（以下简称 “本 App”）如何收集、使用、存储和保护您的个人信息。我们非常重视用户的隐私和个人信息保护，承诺遵守相关法律法规，并采取合理的安全措施来保护您的信息。",
        "本隐私政策旨在说明 [出行 App 名称]（以下简称 “本 App”）如何收集、使用、存储和保护您的个人信息。我们非常重视用户的隐私和个人信息保护，" +
        "承诺遵守相关法律法规，并采取合理的安全措施来保护您的信息。",
         "我们会对收集到的用户信息进行分析，以了解用户的使用习惯和需求，从而改进和优化本 App 的功能和服务"
        // 可以根据实际需要添加更多段落
      ]
    };
  },
  methods: {
    goBack(){
      this.$router.go(-1);
    }
  },
  created() {},
};
</script>

  <style scoped>
.zuo {
  text-align: left;
}
.privacy-agreement-page {
  padding: 10px;
}
.privacy-content {
  margin-top: 20px;
}
.privacy-content p {
  line-height: 1.8;
}
</style>
